<template>
    <template v-if="mode === 'mapbox'">
        <L7MapWithMapbox :mapOnloadCB="mapOnloadCB"></L7MapWithMapbox>
    </template>
    <template v-else>
        <L7MapWithGaode :mapOnloadCB="mapOnloadCB"></L7MapWithGaode>
    </template>
</template>

<script lang="ts">
import {defineComponent, onMounted, ref} from "vue"
import {useRoute} from "vue-router";
import L7MapWithMapbox from "@/component/common/L7MapWithMapbox.component.vue"
import L7MapWithGaode from "@/component/common/L7MapWithGaode.component.vue"
import {Scene} from "@antv/l7";

export default defineComponent({
    name: "L7.initMap",
    components: {L7MapWithMapbox, L7MapWithGaode},
    setup() {
        const route = useRoute()
        const mode = route.params.id

        const mapOnloadCB = (scene: Scene) => {

        }

        return {
            mapOnloadCB, mode
        }
    }
})
</script>

<style scoped>

</style>
